@charset "utf-8";
/*框架布局*/
	.head{height:80px;width:100%;}
	.head_l{height:80px;width:calc(100% - 245px);}
	.head_r{height:80px;width:245px;background-color:#E7E7E7;}
	
	.cont{height:calc(100% - 80px);position:fixed;width:100%;}
	.cont_l{height:100%;width:16%;background-color:rgba(30,30,30,1);}
	.cont_r{height:100%;width:calc(100% - 16%);background-color:#FFFFFF;}
/*head_l内容设置*/
	.head_lb{height:80px;width:240px;background:repeating-linear-gradient(to right,rgb(0,0,0),rgb(30,30,30));}
	.head_l_1{height:10px;width:calc(100% - 240px);background:repeating-linear-gradient(to right,rgb(30,30,30),rgb(30,30,30),rgb(30,30,30),rgb(30,30,30), rgb(231,231,231));}
	.head_l_2{height:40px;width:calc(100% - 240px);background:repeating-linear-gradient(to right,rgb(30,30,30),rgb(30,30,30),rgb(30,30,30),rgb(30,30,30), rgb(231,231,231));}
	.head_l_3{height:30px;width:calc(100% - 240px);background:repeating-linear-gradient(to right,rgb(30,30,30),rgb(30,30,30),rgb(30,30,30),rgb(30,30,30), rgb(231,231,231));}
/*head_r内容设置*/
	.hide{
		display: none;
	}
	.He{
		width: 70px;
		height:70px;
	}
	.He_n{
		 width:240px;
		 height:70px;
		 position:relative;
		 top:0px;
		 left:0px;
		 background-color:#E2E2E2;
		 border:2px solid #F1F1F1;
		 border-radius:15px;
		 box-shadow:10px 10px 10px 0px rgba(150,150,150,1);
		 z-index:10000;
	}
	.He_image{
		width:74px;
		height:74px;
		position:absolute;
		top:-5px;
		left:-5px;
		border:2px solid #F3F3F3;
		border-radius:37px;
		box-shadow:2px 2px 5px 0px rgba(0,0,0,1);
		background-size: 100% auto;
		background-image:url(../../zyc/images/no_profile_s.png);
	}
	.He_image img{
		width:70px;
		height:70px;
		border-radius:35px;
		cursor: pointer;
	}
	.He_text{
		border-left:1px solid #B1B1B1;
		float:right;
		overflow: hidden;
		height:66px;
	}
	.He_text div{
		line-height:33px;
		padding-left:15px;
		color:#A9A9A9;
	}
	.He_text_t{width:160px;height:34px;}
	.He_text_b{width:160px;height:32px;}
	.He_text_t{border-bottom:1px solid #B1B1B1;}
	.He_text_b{border-top:1px solid #F7F7F7;}
	
	.He_text_t div div{
		display:none;
		height:33px;
		background-color: #B1B1B1;
	}
	.He_down_red_sum{
		width:16px;
		height:16px;
		line-height:16px;
		text-align:center;
		color:#FFF;
		border-radius:8px;
		background-color:rgb(255,0,0);
		position:absolute;
		top:56px;
		left:56px;
	}
	.He_down{
		width:40px;
		height:0px;
		position:absolute;
		top: 68px;
    	left: 100px;
    	border-left:2px solid #F1F1F1;
    	border-right:2px solid #F1F1F1;
    	border-bottom:2px solid #F1F1F1;
    	border-radius:0px 0px 4px 4px;
   	 	background-color: #F5F5F5;
   	 	cursor:pointer;
	}
	.He_down_s{
		
		border-radius: 15px;
		position:absolute;
		top: 70px;
    	left: -605px;
    	box-shadow:2px 2px 5px 0px rgba(0,0,0,0.4);
    	border:2px solid rgb(220,220,220);
    	background-color:rgb(190,190,190);
    	overflow: hidden;
	}
	.He_down_t{
		width:66px;
		height:0px;
		border-radius: 15px;
		position:absolute;
		top: 70px;
    	left: 0px;
    	box-shadow:2px 2px 5px 0px rgba(0,0,0,0.4);
    	border:2px solid rgb(220,220,220);
    	background-color:rgb(190,190,190);
    	overflow: hidden;
	}
	.He_tx_t{
		height:calc(100% - 20px);
	}
	.He_tx_t_he{
		height:30px;
		border-bottom: 1px solid #AAA;
	}
	.He_tx_t_he div{
		width:80px;
		height:30px;
		line-height:30px;
		text-align:center;
		color:#EEE;
	}
	.He_tcii{
		background-color:#AAA;
	}
	.He_tx_t_1,.He_tx_t_2,.He_tx_t_3{
		height:calc(100% - 30px);
		overflow-y:scroll;
	}
	.He_tx_t_1::-webkit-scrollbar,.He_tx_t_2::-webkit-scrollbar,.He_tx_t_3::-webkit-scrollbar{
		width: 2px;
        height: 1px;
	}
	.He_tx_t_1::-webkit-scrollbar-thumb,.He_tx_t_2::-webkit-scrollbar-thumb,.He_tx_t_3::-webkit-scrollbar-thumb{
		border-radius: 8px;
        background: rgba(255,255,255,0);
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	}
	.He_tx_t_1::-webkit-scrollbar-track,.He_tx_t_2::-webkit-scrollbar-track,.He_tx_t_3::-webkit-scrollbar-track{
        border-radius: 8px;
        background: rgb(240,240,240);
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	}
	.He_tx_b{
		height:20px;
		text-align:center;
		background-color:rgb(220,220,220);
	}
	.He_tx_b img{
		width:40px;
		height:20px;
		display:none;
	}
	.He_t_t_1_x{
		width:600px;
		height:400px;
	}
	.He_t_t_3_x{
		width:300px;
		height:500px;
	}
	/*聊天*/
	.He_t_t_1,.He_t_t_3{
		width:236px;
		height:72px;
		background-color:#F5F5F5;
		border-top:1px solid #FFF;
		border-bottom:1px solid #AAA;
		position: relative;
	}
	.He_t_t_2{
		width:236px;
		height:42px;
		background-color:#F5F5F5;
		border-top:1px solid #FFF;
		border-bottom:1px solid #AAA;
		position: relative;
	}
	.He_t_t_2 .He_t_img{
		width:35px;
		height:35px;
		border-radius:20px;
		position: absolute;
	    top	:0px;
	    left:5px;
	}
	.He_t_t_2 .He_t_txt{
		width:200px;
		height:30px;
		position: absolute;
	    bottom:5px;
	    left: 50px;
	}
	.He_t_img{
		width:40px;
		height:40px;
		border-radius:20px;
		position: absolute;
	    top	:0px;
	    left:5px;
	}
	.He_t_txt{
		width:200px;
		height:30px;
		position: absolute;
	    bottom:0px;
	    left: 10px;
	}
	.He_t_sum{
		width:15px;
		height:15px;
		line-height:15px;
		text-align: center;
		font-size:12px;
    	color: #FFF;
		border-radius:10px;
		background-color:rgb(255,0,0);
		position: absolute;
	    bottom: 30px;
	    right: 185px;
	}
	.He_t_inp{
		width:35px;
		height:15px;
		line-height:15px;
		text-align: center;
		font-size:12px;
    	color: #FFF;
		border-radius:10px;
		background-color:rgb(30,180,30);
		position: absolute;
	    bottom: 10px;
	    right: 55px;
	}
	.He_t_iup{
		width:35px;
		height:15px;
		line-height:15px;
		text-align: center;
		font-size:12px;
    	color: #FFF;
		border-radius:10px;
		background-color:rgb(216,30,6);
		position: absolute;
	    bottom: 10px;
	    right: 5px;
	}
	
	.He_down_t:hover .He_tx_b img{
		display:inline-block;
	}
	.He_n:hover .He_down{
		transition-duration: 2s;
		height:16px;
	}
/*head_l_2、head_l_3内容设置*/
	.head_l_2{
		color:rgb(255,255,255);
		font-size:17px;
	}
	.head_l_2 span{
		color:rgb(42,191,159);
		font-size:30px;
	}
	.head_l_3 div{
		width:450px;
		height:2px;
		background-color:rgb(255,255,255);
	}
	.head_l_3 ul{
		list-style:none;
		float:right;
	}
	.head_l_3 ul li{
		display: inline-block;
		width:80px;
		height:24px;
		margin:2px;
		border:2px solid #D3D3D3;
		border-radius:7px;
		background-color:#FEFEFE;
		line-height:20px;
		text-align:center;
		float:left;
	}
	.head_l_3 ul li:hover{
		background-color:rgba(0,0,0,0);
		cursor:pointer;	
	}
	.head_l_3 ul li a{
		font-size:14px;
		color: #C57F73;
	}
	.head_l_3 ul li a:hover{
		color:#FFF;
	}
	.reset{
		width: 90px;
	    height: 30px;
	    position: absolute;
	    bottom: 2px;
	    right: 10px;
	    z-index: 1;
	}
	.reset_cz{
		width: 30px;
	    height: 30px;
	    background-color: rgba(50,160,200,0);
	    background-image: url(../../zyc/images/刷新.png);
	    background-size: 100%;
	    z-index: 1;
	}
	.reset_zx{
		width: 30px;
	    height: 30px;
	    background-color: rgba(50,160,200,0);
	    background-image: url(../../zyc/images/注销.png);
	    background-size: 100%;
	    z-index: 1;
	}
	.reset_sc{
		width: 30px;
	    height: 30px;
	    background-color: rgba(50,160,200,0);
	    background-image: url(../../zyc/images/删除.png);
	    background-size: 100%;
	    z-index: 1;
	}
	
.hpc_bot .hpc_bot_navig .home_tongji1{
	float: left;
}